// let data = document.querySelectorAll('.card-box');
// let arr = [];
// for (let i = 0; i < data.length; i++) {
//     let obj = {};
//     obj.img = document.querySelectorAll('.card-box')[i].querySelectorAll('img')[0].src;
//     obj.title = document.querySelectorAll('.card-info-title')[i].innerText;
//     obj.type = document.querySelectorAll('.card-info-type')[i].innerText;
//     obj.liulan = document.querySelectorAll('.statistics-view')[i].innerText;
//     obj.pinlun = document.querySelectorAll('.statistics-comment')[i].innerText;
//     obj.zan = document.querySelectorAll('.statistics-tuijian')[i].innerText;
//     obj.small = document.querySelectorAll('.user-avatar')[i].querySelector('img').src;
//     obj.smalltitle = document.querySelectorAll('.user-avatar')[i].innerText;
//     obj.time = document.querySelectorAll('.time')[i].innerText;
//     arr.push(obj);
// }
let data = [
    {
        "img": "https://img.zcool.cn/community/01c3f55f083872a8012066215e1a7d.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "山田土【裱白】系列茶礼",
        "type": "平面-包装",
        "liulan": "8600",
        "pinlun": "24",
        "zan": "296",
        "small": "https://img.zcool.cn/community/01d0c15f06fbbaa801215aa0ba5cd2.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "深圳山田土",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/014b2f5f082caba801215aa057b609.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "科技企业价值观（全）",
        "type": "插画-商业插画",
        "liulan": "7097",
        "pinlun": "58",
        "zan": "645",
        "small": "https://img.zcool.cn/community/0161045b5d754ca801206a35416add.jpeg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "速写狂魔",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/0135785f081345a80120662148281b.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "ALINE × 蔡司 │ JUST SMART LIFE",
        "type": "平面-包装",
        "liulan": "1.1w",
        "pinlun": "22",
        "zan": "366",
        "small": "https://img.zcool.cn/community/01d49d5ef86653a801206621b17b52.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "ALINESTUDIO",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/01840f5f080fe3a801215aa09808ee.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "《苏小糖▪ 心悦恬茶》包装设计— 我与自己的悠茶时间",
        "type": "平面-包装",
        "liulan": "1.5w",
        "pinlun": "21",
        "zan": "332",
        "small": "https://img.zcool.cn/community/04e4c35540adb50000017c50299690.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "你好大海品牌设计",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/014ff95f059f7ba801215aa094f556.jpg",
        "title": "毕业季原创插画",
        "type": "精选图集",
        "liulan": "8142",
        "pinlun": "75",
        "zan": "248",
        "small": "https://img.zcool.cn/community/019cae5debc71ca801209568b74855.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "敬文齋品牌",
        "time": "推广"
    },
    {
        "img": "https://img.zcool.cn/community/01b7fd5f080db4a8012066219dc1af.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "【青底白花】*行宋",
        "type": "平面-字体/字形",
        "liulan": "7942",
        "pinlun": "108",
        "zan": "348",
        "small": "https://img.zcool.cn/community/0132715e381d15a80120a8958e1d84.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "符重庆",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/01176b5f07fee7a801215aa0c0d31c.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "字体设计-新艺黑体",
        "type": "平面-字体/字形",
        "liulan": "9138",
        "pinlun": "14",
        "zan": "377",
        "small": "https://img.zcool.cn/community/018c115f03997aa801215aa0ead6dd.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "亿电设eDeSIGN",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/019df15f07e9c8a801206621756eb7.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "《生命的博物馆》Museum of Life - 书籍装帧设计",
        "type": "平面-书装/画册",
        "liulan": "9093",
        "pinlun": "140",
        "zan": "634",
        "small": "https://img.zcool.cn/community/01d04d5efc3949a80120662175973e.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "陈凌峰",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/016a3d5f075ef4a801215aa0b50d8e.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "动态正负形LOGO（一）",
        "type": "平面-标志",
        "liulan": "2.6w",
        "pinlun": "45",
        "zan": "422",
        "small": "https://img.zcool.cn/community/015d305d22ea33a8012076402947ab.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "ABD品牌策略设计",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/0183875f06e553a8012066211a0fa1.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "小南房 鲜美蛙火锅丨ABD案例",
        "type": "平面-品牌",
        "liulan": "8695",
        "pinlun": "20",
        "zan": "253",
        "small": "https://img.zcool.cn/community/04aa595886e2aba801219c778e62bd.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "_风瞳_",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/0133245f07e8b3a801206621e124f4.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "拍照时跳广场舞的怪力女孩",
        "type": "摄影-人像",
        "liulan": "6936",
        "pinlun": "56",
        "zan": "614",
        "small": "https://img.zcool.cn/community/031520a5f074883a801215aa0d08d2d.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "MEOWLIAN",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/01a98f5f073742a801215aa0fca923.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "TFT小小英雄CHOCHO【啾啾】",
        "type": "平面-吉祥物",
        "liulan": "3.0w",
        "pinlun": "102",
        "zan": "764",
        "small": "https://img.zcool.cn/community/0007155a0aa43ba801204a0e859077.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "李那那",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/0199665f07d869a8012066211dffe7.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "2020上半年插画合集",
        "type": "插画-其他插画",
        "liulan": "7575",
        "pinlun": "19",
        "zan": "311",
        "small": "https://img.zcool.cn/community/01767b5c0943dca80121ab5dafdb87.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "UoUstudio",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/0111705f06fcfda801215aa06bc89a.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "拜托了冰箱-第六季片头",
        "type": "影视-Motion Graphic",
        "liulan": "2.3w",
        "pinlun": "45",
        "zan": "882",
        "small": "https://img.zcool.cn/community/00c2fe59f9446ea801202b0c8f2b23.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "小排排排",
        "time": "1天前"
    },
    {
        "img": "https://img.zcool.cn/community/018a525f06d484a801206621af848e.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "不要和你妈争辩",
        "type": "插画-商业插画",
        "liulan": "2.9w",
        "pinlun": "47",
        "zan": "510",
        "small": "https://img.zcool.cn/community/00308e5a92c524a8012045b3793234.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "个例VFX",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01da535f06c0c1a80120662128c345.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "vivo X50 Pro+功能视频",
        "type": "三维-动画/影视",
        "liulan": "1.2w",
        "pinlun": "35",
        "zan": "486",
        "small": "https://img.zcool.cn/community/0169e35d495a7da8012187f40f6764.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "萌芽熊DooroBear",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/0192075f06c887a801206621552e23.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "我怕的不是7月的考试，是7月的离别",
        "type": "动漫-三维动画",
        "liulan": "1.2w",
        "pinlun": "32",
        "zan": "576",
        "small": "https://img.zcool.cn/community/01272c5bf61a14a80121ab5dc54fad.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "腾讯ISUX",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/019e4d5f05734ca801215aa0cc262a.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "3D角色设定全析百图斩",
        "type": "文章-观点-多领域",
        "liulan": "6518",
        "pinlun": "17",
        "zan": "318",
        "small": "https://img.zcool.cn/community/01085d5cc6a155a8012141683ea9a5.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "YEEMOTION",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/0127c25f06bb9da801215aa0fbdc76.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "腾讯JOOX • 金币推广视频设计",
        "type": "三维-动画/影视",
        "liulan": "9779",
        "pinlun": "42",
        "zan": "802",
        "small": "https://img.zcool.cn/community/03106485e7cab35a801216518c0327b.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "pumpkinahua",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/0133445f06b63ea801215aa0ba2df3.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "#2020青春答卷#【《荆棘鸟》|2020届毕设动画短片】",
        "type": "动漫-动画片",
        "liulan": "1.3w",
        "pinlun": "106",
        "zan": "652",
        "small": "https://img.zcool.cn/community/0123bf5f06a0d9a801215aa092973e.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "胡志才设计工作室",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01e9a15f069d4ba801215aa0f7de8f.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "浦城大米-包装设计",
        "type": "平面-包装",
        "liulan": "1.1w",
        "pinlun": "31",
        "zan": "495",
        "small": "https://img.zcool.cn/community/041899585a1dbca801219c77b11bd4.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "非人哉漫画",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/013f315f06c275a8012066219b4552.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "非人哉583-585",
        "type": "动漫-短篇/四格漫画",
        "liulan": "7355",
        "pinlun": "32",
        "zan": "285",
        "small": "https://img.zcool.cn/community/01bd3d5e532d2ba80120a895e14e8a.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "RONG一融设计",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/015da55f056c6ba801215aa0d36dc4.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "Grapeel",
        "type": "平面-包装",
        "liulan": "1.1w",
        "pinlun": "37",
        "zan": "243",
        "small": "https://img.zcool.cn/community/0133665f06da56a801215aa0867252.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "TeacherB",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/013a625f06932da801206621ce1c52.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "Osmo Mobile 3 - Transform Your World",
        "type": "影视-Motion Graphic",
        "liulan": "1.4w",
        "pinlun": "67",
        "zan": "822",
        "small": "https://img.zcool.cn/community/0133145f0332faa80120662166395c.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "UV朱",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01c83d5f0686d6a801215aa077c56d.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "3Dfashion-夏日秀",
        "type": "三维-人物/生物",
        "liulan": "3.4w",
        "pinlun": "73",
        "zan": "512",
        "small": "https://img.zcool.cn/community/00183a5ab206aea80120be1472a6f5.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "Rimo",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01fd1b5f05ebd4a801206621eed5be.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "2020上半年手机摄影合集",
        "type": "摄影-手机",
        "liulan": "2.0w",
        "pinlun": "53",
        "zan": "469",
        "small": "https://img.zcool.cn/community/0191515cbd4337a801208f8bff8a69.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "大元pxyair",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01441b5f05eaeca801206621e51976.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "Beework智能协同办公软件设计",
        "type": "UI-软件界面",
        "liulan": "2.1w",
        "pinlun": "43",
        "zan": "432",
        "small": "https://img.zcool.cn/community/01785e5c63a7bba801213f26743746.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "新罐头工厂",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01d64e5f05a497a801215aa03a1092.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "创意视觉『 特步｜山海经 』✖ 新罐头",
        "type": "摄影-静物",
        "liulan": "1.3w",
        "pinlun": "15",
        "zan": "131",
        "small": "https://img.zcool.cn/community/0145d55caea337a801214168c88c23.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "问童子",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/0104925f05c52da801215aa08fefdb.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "问童子®玩偶 | 三羊开泰",
        "type": "工业/产品-玩具",
        "liulan": "1.2w",
        "pinlun": "19",
        "zan": "151",
        "small": "https://img.zcool.cn/community/017c065e05f5f7a80120a8951b5bfe.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "MDS官方",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/01f6a25efb30a0a801215aa06efeb4.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "这组作品超腻害！",
        "type": "UI-动效设计",
        "liulan": "1.1w",
        "pinlun": "82",
        "zan": "308",
        "small": "https://img.zcool.cn/community/04c5e3561f0e670000017347b5a8a3.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "赵义",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/0135755f05d349a801215aa01a155e.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "写给设计师看的广告史17：创意公式全揭秘（下）",
        "type": "文章-观点-多领域",
        "liulan": "2.2w",
        "pinlun": "27",
        "zan": "234",
        "small": "https://img.zcool.cn/community/0000105aea7ce1a801207fa1de62bb.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "stylepie风格派",
        "time": "2天前"
    },
    {
        "img": "https://img.zcool.cn/community/010b2a5f059b39a801206621cef2f0.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "今天来点清凉的~ | 风格派历年原创风扇作品集",
        "type": "工业/产品-工业用品/机械",
        "liulan": "1.4w",
        "pinlun": "33",
        "zan": "514",
        "small": "https://img.zcool.cn/community/03196515c430f66a801203d2256c69d.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "BXplanet",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/01c0995f058ca1a801215aa06eb546.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "BX-Planet | NIKE 鞋族新说 AIR MAX90",
        "type": "影视-影视合成/剪辑",
        "liulan": "5863",
        "pinlun": "7",
        "zan": "130",
        "small": "https://img.zcool.cn/community/01d8795bbd7ea9a8012099c817156b.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "JianWenD",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/01ef735f058d37a801206621fea152.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "Shaker 边几 X Mail 边几",
        "type": "工业/产品-家具",
        "liulan": "1.6w",
        "pinlun": "29",
        "zan": "382",
        "small": "https://img.zcool.cn/community/00ca395a7b2170a801219231d78b10.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "DEFENDER",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/01d1055f066d8ca801206621814545.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "Graphic Design",
        "type": "平面-图案",
        "liulan": "6215",
        "pinlun": "8",
        "zan": "117",
        "small": "https://img.zcool.cn/community/04581758f454b3a8012049ef808d28.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "设计师专访",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/014e015f053e36a80120662167b695.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "吾苍山：外看向里",
        "type": "文章-专访-平面",
        "liulan": "1.2w",
        "pinlun": "54",
        "zan": "504",
        "small": "https://img.zcool.cn/community/043fcb582d7463a84a0d304f53b71c.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "palwo",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/0128b95f056b0ea801215aa0be1e44.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "2020二季度平面案例",
        "type": "平面-海报",
        "liulan": "7314",
        "pinlun": "23",
        "zan": "172",
        "small": "https://img.zcool.cn/community/01c2885e8da6faa80120a895ea17c0.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "后浪漫Comic",
        "time": "3天前"
    },
    {
        "img": "https://img.zcool.cn/community/01d6475f0571d0a801206621f2197b.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "title": "可能是你见过最华丽的奇幻漫画",
        "type": "文章-书籍-多领域",
        "liulan": "1.0w",
        "pinlun": "67",
        "zan": "263",
        "small": "https://img.zcool.cn/community/0112f35c9e2a29a801208f8b890236.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "smalltitle": "BING_冰冰",
        "time": "3天前"
    }
]